.user{
    background: var(--greyLight-1);
    .head{
        width: 100%;
        height: 4rem;
        position: fixed;
        top: 0;
        z-index: 80;
        h1{
            box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
            border-radius: 1rem;
            background: var(--greyLight-1);
        }
        img{
            margin: .5rem 0 0 3rem;
            width: 4rem;
            height: 3rem;
        }
    }
    .content{
        display: flex;
        padding-top: 4rem;
        ::-webkit-scrollbar{
            background-color:var(--greyLight-1);
            width: .5rem;
            height: 0rem;
        }
        ul{
            overflow: scroll;
            max-height: 35rem;
            background: none;
        box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
            border-radius: 1rem;
        }
    }
    .children{
        margin: 2rem;
        height: 35rem;
        width: 100%;
        overflow: scroll;
        box-shadow: 0.3rem 0.3rem 0.6rem var(--greyLight-2), -0.2rem -0.2rem 0.5rem var(--white);
        border-radius: 1rem;
    }
}
